<div class="grid_2">

  <h2>Header (h2) <small>Small <a href="#">link</a></small></h2>

  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
  tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
  quis <a href="#">nostrud exercitation</a> ullamco laboris nisi ut aliquip ex
  ea commodo consequat.</p>

  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
  tempor incididunt ut labore</p>

  <h3>Header (h3)</h3>

  <ul>
    <li>Lorem incididunt</li>
    <li>Lorem incididunt</li>
    <li>Lorem incididunt</li>
  </ul>

  <h3><a href="#">Header (h3)</a></h3>

  <ul>
    <li><a href="#">Lorem incididunt</a></li>
    <li><a href="#">Lorem incididunt</a></li>
    <li>Lorem incididunt</li>
  </ul>

</div>

<div class="grid_10">

  <h2>Header (h2) <small>Small <a href="#">link</a></small></h2>

  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
  tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
  quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
  consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
  cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
  non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

  <blockquote>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
    consequat.</p>

    <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
    dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
    proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
  </blockquote>

  <pre>
  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
  tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
  quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
  consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
  cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
  non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  </pre>

  <p>
  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
  tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
  quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
  consequat.
  </p>

  <p><a href="#">Link to self</a></p>

  <h3>Header (h3)</h3>

  <p>
  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
  tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
  quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
  consequat.
  </p>

  <h2>Boxes</h2>

  <div class="box">
    <p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
    consequat.
    </p>
  </div>

  <div class="box">
    <h3>Header (h3)</h3>
    <ul>
      <li>Lorem ipsum dolor sit amet</li>
      <li>Duis aute irure dolor in reprehenderit in voluptate</li>
      <li>Laboris nisi ut aliquip ex ea commodo</li>
    </ul>
  </div>

  <div class="box">
    <h3>Header (h3)</h3>
    <p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
    consequat.
    </p>
    <ul>
      <li>Lorem ipsum dolor sit amet</li>
      <li>Duis aute irure dolor in reprehenderit in voluptate</li>
      <li>Laboris nisi ut aliquip ex ea commodo</li>
    </ul>
  </div>

  <p>
  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
  tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
  quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
  consequat.
  </p>

  <h2>Error Messages (h2)</h2>

  <div id="flash" class="notice">
    <strong>Hey!</strong> Sample ui-state-highlight style.
  </div>

  <div id="flash" class="alert">
    <strong>Alert:</strong> Sample ui-state-error style.
  </div>

  <h2>Filters (h2)</h2>

  <h3>Filters with a list inside (h3)</h3>

  <div class="filters">
    <ul>
      <li>Filter</li>
      <li>Filter</li>
    </ul>
  </div>

  <h3>Filters with a paragraph inside (h3)</h3>

  <div class="filters">
    <p>This is a paragraph.</p>
  </div>

  <h2>Forms (h2)</h2>

  <p>This is how a form looks like.</p>

</div>
